/**************
 * Overwrites *
 **************/

	/* HTML5 Overwrite */
	header, section, nav, article, footer, aside, hgroup { display: block; }

/**********
 * Global *
 **********/

	/* Body */
	body {
		color: rgb(235, 235, 235);
		background-color: rgb(18, 18, 18);
		text-align: center;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin: 0;
		padding: 0;
	}

	/* Wrapper */
	.wrapper {
		width: 800px;
		text-align: left;
		margin: 0px auto;
	}

	/* GhostLink */
	.ghost_link {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		display: block;
	}

	/* Spacer */
	#spacer {
		height: 34px;
	}

	.line {
		height: 1px;
		margin: 3px;
		margin-top: 8px;
		background-color: rgb(48, 48, 48);
		box-shadow: 0px 0px 8px 0px rgb(0, 0, 0);
	}

	/* DebugSpacer */
	.debug_spacer {
		display: block;
		height: 1800px;
		background-color: rgba(48, 48, 48, .7);
	}

/*****************
 * TopNavigation *
 *****************/

	/* Navbar */
	#top_nav {
		position: fixed;
		top: 0;
		width: 100%;
		height: 34px;
		overflow: hidden;
		background-color: rgba(48, 48, 48, .8);
		box-shadow: 0px 0px 8px 0px rgb(0, 0, 0);
	}

	/* Wrapper */
	#wrapper_nav {
		width: 800px;
		height: 34px;
		text-align: left;
		margin: 0px auto;
}

	/* Logo */
	#logo_nav {
		float: left;
		height: 32px;
		width: 169px;
		background-image: url('../img/smp.logo.small.png');
		background-position: 0px 0px;
		margin-top: 1px;
		margin-right: 6px;
		overflow: hidden;
	}

	#logo_nav:hover {
		background-position: 0px -34px;
	}

	/* Link */
	#wrapper_nav .link_nav {
		float: left;
		height: 32px;
		margin-top: 1px;
		margin-left: 18px;
		font-size: 22px;
		font-weight: bold;
		font-variant: small-caps;
		text-decoration: none;
		color: rgb(235, 235, 235);
		padding-top: 3px;
	}
	#wrapper_nav .link_nav:hover {
		color: rgb(255, 204, 0);
	}

	/* SteamLogin */
	#steam_login {
		float: right;
		height: 23px;
		width: 154px;
		background-image: url('../img/steam.login.png');
		margin-top: 5px;
		margin-right: 2px;
	}

/***********
 * Messages *
 ***********/

	/* Container */
	#messages {
		color: rgb(18, 18, 18);
		margin-top: 8px;
		margin-bottom: 8px;
	}

	/* Close */
	#messages .close {
		float: right;
		cursor: pointer;
		font-size: 12px;
		font-weight: bold;
		font-variant-caps: small-caps;
		margin-top: -7px;
		margin-right: -3px;
	}

	/* Info */
	#messages .info {
		background-color: rgb(235, 235, 235);
		font-size: 14px;
		font-weight: bold;
		margin: 5px;
		padding: 8px;
		border-radius: 4px;
		border: 2px solid rgb(100, 100, 100);
		box-shadow: 1px 1px 8px 0px rgb(0, 0, 0);
	}

	/* Success */
	#messages .success {
		background-color: rgb(129,180,61);
		font-size: 14px;
		font-weight: bold;
		margin: 5px;
		padding: 8px;
		border-radius: 4px;
		border: 2px solid rgb(100, 100, 100);
		box-shadow: 1px 1px 8px 0px rgb(0, 0, 0);
	}

	/* Warning */
	#messages .warning {
		background-color: rgb(255,173,10);
		font-size: 14px;
		font-weight: bold;
		margin: 5px;
		padding: 8px;
		border-radius: 4px;
		border: 2px solid rgb(100, 100, 100);
		box-shadow: 1px 1px 8px 0px rgb(0, 0, 0);
	}

	/* Error */
	#messages .error {
		background-color: rgb(186, 48, 48);
		font-size: 14px;
		font-weight: bold;
		margin: 5px;
		padding: 8px;
		border-radius: 4px;
		border: 2px solid rgb(100, 100, 100);
		box-shadow: 1px 1px 8px 0px rgb(0, 0, 0);
	}

/***********
 * Content *
 ***********/

	/* Container */
	#main_content {
		min-height: 80px;
		color: rgb(18, 18, 18);
		background-color: rgb(235, 235, 235);
		padding: 8px;
		border-radius: 4px;
		border: 2px solid rgb(100, 100, 100);
		box-shadow: 1px 1px 8px 0px rgb(0, 0, 0);
	}

	#main_content header {
		display: inline-block;
		min-width: 200px;
		max-width: 320px;
		margin-left: -30px;
		padding-left: 6px;
		padding-right: 8px;
		font-size: 24px;
		font-weight: bold;
		font-variant: small-caps;
		border-radius: 4px;
		box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .7);
		clear: both;
	}

	/* HeaderColors */
	#main_content header.red {
		color: rgb(235, 235, 235);
		background-color: rgb(186, 48, 48);
	}
	#main_content header.green {
		color: rgb(235, 235, 235);
		background-color: rgb(129,180,61);
	}
	#main_content header.blue {
		color: rgb(235, 235, 235);
		background-color: rgb(62,120,183);
	}
	#main_content header.orange {
		color: rgb(48, 48, 48);
		background-color: rgb(255,173,10);
	}

	/* Links */
	#main_content a {
		color: rgb(18, 18, 18);
		font-weight: bold;
	}
	#main_content a:hover {
		color: rgb(129,180,61);
	}

	/* Info */
	#main_content .info {
		padding: 8px;
	}
/************
 * Log *
 ************/

	/* Container (780px) */
	#log {
		font-family: monospace;
		color: rgb(235, 235, 235);
		background-color: rgb(48, 48, 48);
		border-radius: 4px;
	}

	/* Header */
	#log .header {
		font-weight: bold;
	}

	/* TimeHeader */
	#log .header .time {
		width: 74px;
		display: inline-block;
		text-align: center;
		padding: 3px;
	}

	/* MessageHeader */
	#log .header .message {
		width: 564px;
		display: inline-block;
		text-align: center;
		padding: 3px;
	}

	/* TypeHeader */
	#log .header .type {
		width: 64px;
		display: inline-block;
		text-align: center;
		padding: 3px;
	}

	/* ErrnoHeader */
	#log .header .errno {
		width: 54px;
		display: inline-block;
		text-align: center;
		padding: 3px;
	}

	/* Entry */
	#log .entry {
		color: rgb(48, 48, 48);
		background-color: rgb(220, 220, 220);
	}
	#log .entry:hover {
		cursor: pointer;
		background-color: rgb(255,173,10);
	}

	/* TimeEntry */
	#log .entry .time {
		width: 80px;
		display: inline-block;
		text-align: center;
	}

	/* MessageEntry */
	#log .entry .message {
		width: 570px;
		display: inline-block;
	}

	/* TypeEntry */
	#log .entry .type {
		width: 70px;
		display: inline-block;
		text-align: center;
	}

	/* ErrnoEntry */
	#log .entry .errno {
		width: 60px;
		display: inline-block;
		text-align: center;
	}

	/* Trace */
	#log .entry .trace {
		
	}

	/* Indicator */
	#log .entry .trace .indicator {
		margin-left: -4px;
		margin-top: -15px;
		height: 15px;
		width: 4px;
		background-color: rgb(255,173,10);
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

	/* Message */
	#log .entry .trace .message {
		display: none;
		width: 750px;
		font-style: italic;
		padding-left: 30px;
		background-color: rgb(235, 235, 235);
	}

	/* Footer */
	#log .footer {
		font-size: 10px;
		text-align: center;
		color: rgb(200, 200, 200);
		padding: 2px;
	}

/**********
 * Footer *
 **********/

	/* MainFooter */
	#main_footer {
		text-align: center;
		color: rgb(102, 102, 102);
		font-size: 11px;
		margin-top: 4px;
		margin-bottom: 5px;
	}

	#main_footer a {
		color: rgb(102, 102, 102);
		font-weight: bold;
		text-decoration: none;
	}

	#main_footer a:hover {
		color: rgb(255, 204, 0);
	}

	#main_footer #help {
		float: left;
		margin-left: 8px;
	}

	#main_footer #lang_select {
		float: right;
		margin-right: 8px;
	}